<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>传智云课堂</title>
<link rel="shortcut icon" href="favicon1.ico" />
<link rel="stylesheet" type="text/css" href="css/global.css"/>
<link rel="stylesheet" type="text/css" href="css/article.css"/>
</head>

<body>
<!--头部start-->
<div class="site-nav">
	<div class="nav-inner">
    	<div class="yunLogo">
        	<h1>
            	<a href="http://yun.itcast.cn" title="云课堂">云课堂</a>
            </h1>
        </div>
    	<div class="nav">
        	<ul>
        		<li><a href="#" class="current">首页</a></li>
        		<li><a href="#">课程</a></li>
        		<li><a href="#">每日作业</a></li>
        		<li><a href="#">免费视频</a></li>
        		<li><a href="#">免费直播厅</a></li>
        		<li><a href="#">问答</a></li>
        		<li><a href="#">学习指南</a></li>
        		<li><a href="#">个人中心</a></li>
                                              
        	</ul>
        </div>
    	<div class="user-btn">
        	<a href="#" class="login">登录</a>
            <a href="#" class="register">注册</a>
        </div>
    </div>
</div>
<!--头部end-->
<!--视频区域 start-->
<div class="video">
	<div class="inner">
       <div class="crumbs">您的位置：<a href="#">首页</a> &gt; <a href="#">平面设计</a> &gt; <a href="#">Photoshop基础班</a>
       </div>
       <div class="video-con">
            <div class="video-l">
            	<img src="images/video_03.png" width="860" height="400" alt=""/>
            </div>
            <div class="video-r">
            	<h2>PS网页设计精品网络班</h2>
                <p>课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用，课程简单易学，非常适合广大的设计爱好者、已经或即将踏入设计行业的新人们...
                </p>
                <p class="date">开课时间：2015年01月10日</p>
                <p>课程价格：<span class="price">¥1400</span></p>
                <p class="buy">已经有3215人购买</p>
                <div class="listen">
                	<a href="#">免费试听</a><a href="#">立即报名</a>
                </div>
                
            </div>
       </div>
    </div>
</div>

<!--视频区域 end-->




<!--footer部分 start-->
<div class="footer">
	<div class="footer-t">
    	<div class="footer-con">
        	 <dl>
        	 	<dt>新手入门</dt>
        	 	<dd><a href="#">如何注册</a></dd>  
        	 	<dd><a href="#">如何登录</a></dd>  
        	 	<dd><a href="#">账号设置</a></dd>  
        	 	<dd><a href="#">账号安全</a></dd>  
  	         </dl>    	
        	 <dl>
        	 	<dt>新手入门</dt>
        	 	<dd><a href="#">如何注册</a></dd>  
        	 	<dd><a href="#">如何登录</a></dd>  
        	 	<dd><a href="#">账号设置</a></dd>  
        	 	<dd><a href="#">账号安全</a></dd>  
  	         </dl>    	
        	 <dl>
        	 	<dt>新手入门</dt>
        	 	<dd><a href="#">如何注册</a></dd>  
        	 	<dd><a href="#">如何登录</a></dd>  
        	 	<dd><a href="#">账号设置</a></dd>  
        	 	<dd><a href="#">账号安全</a></dd>  
  	         </dl>    	
        	 <dl>
        	 	<dt>新手入门</dt>
        	 	<dd><a href="#">如何注册</a></dd>  
        	 	<dd><a href="#">如何登录</a></dd>  
        	 	<dd><a href="#">账号设置</a></dd>  
        	 	<dd><a href="#">账号安全</a></dd>  
  	         </dl>
             <div class="erweima">
             	<img src="images/erweima_07.jpg" alt="">
             </div>    	
        </div>
    </div>
	<div class="footer-b">
    	<p>版权所有 2006 - 2015 北京传智播客教育科技有限公司   京ICP备08001421号京公网安备110108007702</p>
    </div>
</div>
<!--footer部分 end-->

















</body>
</html>
